<template>
  <div id="app">
    <transition :name="transitionName">
      <router-view></router-view>
    </transition>
  </div>
</template>
<script>
export default {
  data () {
    return { transitionName: 'fade' }
  }
}
</script> <style lang="less" scoped>
#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
</style> <style lang="less">
@import './style/transition.less';
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
}
div::-webkit-scrollbar {
  width: 0;
}
</style>
